<!doctype html>
<!-- Conditional comment for mobile ie7 http://blogs.msdn.com/b/iemobile/ -->
<!--[if IEMobile 7 ]>    <html class="no-js iem7"> <![endif]-->
<!--[if (gt IEMobile 7)|!(IEMobile)]><!-->
<html class="no-js">
<!--<![endif]-->

<head>
<meta charset="utf-8">

<title></title>
<meta name="description" content="">
<meta name="author" content="">

<!-- Mobile viewport optimization http://goo.gl/b9SaQ -->
<meta name="HandheldFriendly" content="True">
<meta name="MobileOptimized" content="320">
<meta name="viewport" content="width=device-width, initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">

<!-- Home screen icon  Mathias Bynens http://goo.gl/6nVq0 -->
<!-- For iPhone 4 with high-resolution Retina display: -->
<link rel="apple-touch-icon-precomposed" sizes="114x114"
	href="img/h/apple-touch-icon.png">
<!-- For first-generation iPad: -->
<link rel="apple-touch-icon-precomposed" sizes="72x72"
	href="img/m/apple-touch-icon.png">
<!-- For non-Retina iPhone, iPod Touch, and Android 2.1+ devices: -->
<link rel="apple-touch-icon-precomposed"
	href="img/l/apple-touch-icon-precomposed.png">
<!-- For nokia devices: -->
<link rel="shortcut icon" href="img/l/apple-touch-icon.png">

<!--iOS web app, deletable if not needed -->
<!--the script prevents links from opening in mobile safari. https://gist.github.com/1042026
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="apple-mobile-web-app-status-bar-style" content="black">
  <script>(function(a,b,c){if(c in b&&b[c]){var d,e=a.location,f=/^(a|html)$/i;a.addEventListener("click",function(a){d=a.target;while(!f.test(d.nodeName))d=d.parentNode;"href"in d&&(d.href.indexOf("http")||~d.href.indexOf(e.host))&&(a.preventDefault(),e.href=d.href)},!1)}})(document,window.navigator,"standalone")</script>
  <link rel="apple-touch-startup-image" href="img/l/splash.png">-->

<!-- Mobile IE allows us to activate ClearType technology for smoothing fonts for easy reading -->
<meta http-equiv="cleartype" content="on">

<!-- more tags for your 'head' to consider https://gist.github.com/849231 -->

<!-- Main Stylesheet -->
<link rel="stylesheet" href="css/style.css?v=1">

<!-- All JavaScript at the bottom, except for Modernizr which enables HTML5 elements & feature detects -->
<script src="js/libs/modernizr-custom.js"></script>
<!-- Media Queries Polyfill https://github.com/shichuan/mobile-html5-boilerplate/wiki/Media-Queries-Polyfill -->
<script>
	Modernizr.mq('(min-width:0)') || document.write('<script src="js/libs/respond.min.js">\x3C/script>')
</script>

</head>

<body>

	<ul id="navigation" class="hidden">
		<li class="lines"><button type="button" name="linesNavButton">linii</button></li>
		<li class="stops"><button type="button" name="stationsNavButton">statii</button></li>
		<li class="bus"><button type="button" name="busNavButton">bus</button></li>
	</ul>
	
	<div id="container-stations">

        <header> Statia </header>
        
        <div class="main" role="main">
            <from class="searchform">
                <input type="text" name="queryStations" />
            </form>
            <h1 class="listTitle"></h1>
            <ul class="list" id="allStations"></ul>
        </div>

    </div>
	
	<div id="container-lines" class="hidden">

		<header> Linia </header>
		
		<div class="main" role="main">
			<form class="searchform">
				<input type="text" name="queryLines" />
			</form>
			<h1 class="listTitle"></h1>
			<ul class="list" id="allLines"></ul>
		</div>

	</div>

	<div id="container-bus" class="hidden">

		<header> Plecare: Unirii 19</header>
		
		<div class="main" role="main">
			<div class="timeDetails">
				<button type="button" class="previousBus">&larr;</button>
				<span class="minutesLeftValue">-30</span>
				<span class="minutesLeftUnit">min</span>
				<button type="button" class="nextBus">&rarr;</button>
			</div>
			<div class="busDetails">
				<span class="lineNumber">Linia 25</span>,
				<span class="stationName">Memorandumului</span>
			</div>
		</div>

		<div class="advertising">Reclama</div>

	</div>

	<footer>
		footer stuff
	</footer>

	<!-- JavaScript at the bottom for fast page loading -->

	<!-- scripts concatenated and minified via ant build script -->
	<script src="js/mylibs/helper.js"></script>
	<!-- end concatenated and minified scripts-->

	<script>
		// iPhone Scale Bug Fix, read this when using http://www.blog.highub.com/mobile-2/a-fix-for-iphone-viewport-scale-bug/
		MBP.scaleFix();
		MBP.hideUrlBar();

		/*var footer = document.getElementsByTagName('footer').item(0).firstChild;
		document.getElementById('main').addEventListener('touchmove', function() {
			footer.style.backgroundColor = ['red', 'yellow', 'green'][(Math.random()*3).toFixed(0)];
		});*/
	</script>
	<script src="js/utils.js"></script>
    <script src="js/database.js"></script>
    <script src="js/main.js"></script>
	
	<!-- Debugger - remove for production -->
	<!-- <script src="https://getfirebug.com/firebug-lite.js"></script> -->

	<!-- mathiasbynens.be/notes/async-analytics-snippet Change UA-XXXXX-X to be your site's ID -->
	<script>
		/*
		  var _gaq=[["_setAccount","UA-XXXXX-X"],["_trackPageview"]];
		  (function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];g.async=1;
		  g.src=("https:"==location.protocol?"//ssl":"//www")+".google-analytics.com/ga.js";
		  s.parentNode.insertBefore(g,s)}(document,"script"));
		 */
	</script>

</body>
</html>
